<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>品牌介绍</title>
		<link rel="stylesheet" type="text/css" href="swiper-4.5.0/dist/css/swiper.min.css" />
		<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/jieshao.css" />
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<a class="navbar-brand" href="#">
				<img src="img/m_logo.png" />
			</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav mr-auto">
				</ul>
				<form class="form-inline">
					<ul>
						<li>
							<a href="#">首页</a>
						</li>
						<li>
							<a href="#">咖啡·coffee</a>
						</li>
						<li>
							<a href="#">咖啡馆·S.I.T.cafe</a>
						</li>
						<li>
							<a href="#">咖啡学院·S.I.T.coffee college</a>
						</li>
						<li>
							<a href="#">咖啡·S.I.T</a>
						</li>
					</ul>
				</form>
			</div>
		</nav>
		<!--轮播-->
		<div class="banner">
			<img src="img/about_ban.png" />
			<h1>关于 S.I.T</h1>
		</div>
		<!--导航-->
		<div class="nav">
			<div class="nav-top">
				<ul>
					<li>
						<a href="#">咖啡·coffee</a>
						<span>
							/
						</span>
						<div class="nav-list">
							<ul>
								<li>
									<a href="new product launch_index.html">当季新品</a>
								</li>
								<li>
									<a href="#">咖啡产品</a>
								</li>
								<li>
									<a href="#">产品展示</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">咖啡馆·S.I.T.cafe</a>
						<div class="nav-list">
							<ul>
								<li>
									<a href="#">全国咖啡馆</a>
								</li>
								<li>
									<a href="#">活动展示</a>
								</li>
								<li>
									<a href="#">电子会员</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="index.html">
							<img src="img/logo.png" />
						</a>
					</li>
					<li>
						<a href="#">咖啡学院·S.I.T.coffee college</a>
						<span>
							/
						</span>
						<div class="nav-list">
							<ul>
								<li>
									<a href="College course_index.html">各地学院</a>
								</li>
								<li>
									<a href="#">学院课程</a>
								</li>
								<li>
									<a href="#">课程报名</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">咖啡·S.I.T</a>
						<div class="nav-list">
							<ul>
								<li>
									<a href="Introduction_index.html">品牌介绍</a>
								</li>
								<li>
									<a href="#">品牌历程</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
								<li>
									<a href="#">寻求加盟</a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="coffee_top">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<i></i>
						<h3>咖啡学院 S.I.T. coffee college</h3>
					</div>
					<div class="col-12 col-md-4">
						<ul>
							<li class="active">
								<a href="xinpin.html">品牌介绍</a>
							</li>
							<li>
								<a href="#">品牌历程</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--品牌介绍-->
		<div class="brand">
			<div class="product active">
				<div class="present">
					<div class="container">
						<h3>品牌介绍</h3>
						<span>BRAND INTRODUCTION</span>
						<p>——— · ———</p>
						<div class="picture">
							<div class="photo">
								<img src="img/about_1.png" alt="">
								<p>北大东门外成府街上的老雕光门脸，时为1997年</p>
							</div>
							<div class="p1">
								<img src="img/about_2.png" alt="">
								<p>老雕内光景</p>
							</div>
							<div class="p2">
								<img src="img/about_3.png" alt="">
								<p>老雕光的黑白照片</p>
							</div>
							<div class="p3">
								<p>创办人庄仔和小猫<br> (李若帆)
								</p>
								<img src="img/about_6.png" alt="">
							</div>
							<div class="p4">
								<img src="img/about_4.png" alt="">
								<p>很多老客人送的布偶</p>
							</div>
							<div class="p5">
								<span></span>
								<span></span>
							</div>
							<div class="p6">
								<img src="img/about_5.png" alt="">
								<p>北大东门的墨绿色灯箱</p>
							</div>
						</div>
						<img class="img" src="img/m_about.png" alt="">
					</div>
				</div>
				<!--创于-->
				<div class="created">
					<div class="container">
						<h3>雕刻时光咖啡创于1997年11月28日。</h3>
						<p>那一年刚大学毕业的庄仔和小猫从遥远的新疆旅行回来，有感于新疆的时而恬静时而宏伟壮丽的自然景致，因而蒙发了开发费馆，过种咖啡馆式生活的念头。咖啡馆的名字取的颇费周折，最后终于选择了这个充满诗意的时光：雕刻时光。《雕刻时光》是来自于苏联导演 安德烈·塔可夫斯基(Andrei Tarkovsky)所写的电影自传的书名，其大意是说电影这门艺术是借着胶片纪录下时间流逝的过程，时间会在人身上、物质上留下印记，即雕刻时光的意义所在。咖啡馆的意义也是源自与此，让时间、人和情感再次驻留，留下美好的回忆。 </p>
						<p>咖啡馆远在北京大学东门和清华大学西门之间的成府街上，小区周遭环境极富有人文气息。学术书店万圣书园就在这条小街上，所以经常有学人、出版商、艺术家和广告人在这里进进出出，相互调侃，辩论，谈天说地，生活气息及其浓厚。尔后雕光因城市规划而迁徙到目前的魏公村理工大学南门边上，朝南的窗口外面是成排的槐树，树影随四季变化的而有了极美的视野。</p>
						<p>白天，阳光从玻璃窗外照进屋里，印度红的窗帘留下道道阴影，与木质地板相映成趣。人在咖啡屋内沐浴着阳光，陶笛之声清悦明快，每每被陶醉。夜里，热闹的激情充溢着咖啡馆，Jazz、印度、拉丁风情的天籁之声交合，人们于此相互交流和理解，或继续课堂的那一场辩论，这时也有浑水之鱼的情人轻柔的进行着他们的乐章，相映成趣，那是一部交响曲。</p>
						<p>每天，咖啡馆里来来往往的人群是道更可爱的风景。</p>
						<p>雕刻时光，始终秉承着专业的咖啡品质经营，良好的行业口碑让这个在京城驻扎19年的连锁咖啡馆不断保持着活力。另外品牌下经营的西式简餐同样以多样的品项、可口的味道成为经典菜色。不断吸收新晋元素的咖啡馆，将电影、音乐、阅读、恋物等LOHAS生活理念，慢慢融入到其中，浑然不觉之余发现生活，热爱生活，微生活提供更舒适的体验，是我们的愿望！</p>
						<ul>
							<li>
								<h3>40</h3>
								<p>家全国连锁咖啡馆</p>
							</li>
							<li>
								<h3>20</h3>
								<p>个城市中分布</p>
							</li>
							<li>
								<h3>20</h3>
								<p>年服务经验</p>
							</li>
							<li>
								<h3>2</h3>
								<p>个独立品牌</p>
							</li>
						</ul>
						<p>如今北京艺丰雕刻时光咖啡文化有限责任公司旗下拥有雕刻时光咖啡馆品牌，50多家全国连锁咖啡馆（分布在北京、西安、南京、上海等20个城市），以及2个独立品牌（雕刻时光咖啡学院，边界文化公司）企业发展至今已进入第20个年头，公司职能部门结构调整，店面运营管理及培训完善，品牌文化宣传巩固，学院培训推广延伸，都进行着不断的努力和优化!</p>
					</div>
				</div>
			</div>
			<div class="product">
				<div class="present pre">
					<div class="container">
						<h3>品牌历程</h3>
						<span>BRAND HISTORY</span>
						<p>——— · ———</p>
					</div>
				</div>
				<div class="container">
					<div class="products" id="products">
						<ul v-for="url in message">
							<li>
								<span>{{ url.span }}</span>
								<h4>
									<p>{{ url.p }}</p>
									<p>{{ url.p1 }}</p>
									<p>{{ url.p2 }}</p>
									<p>{{ url.p3 }}</p>
								</h4>
							</li>
						</ul>
					</div>
				</div>
			</div>
            <div class="product">
				<div class="present pre">
					<div class="container">
						<h3>联系我们</h3>
						<span>CONTACT US</span>
						<p>——— · ———</p>
					</div>
				</div>
				<div class="container">
					<div class="concur">
						<p>在商业的运作中，很多东西会失去他原有的美丽，雕刻时光是靠什么去维护它最初的那份简单和自然呢？坚持用心的经营理念、科学的运作模式、各分店的必须亮点、完美的服务、强力的推广……，这些都会把现在的、以后的、你的、他的别人的故事继续雕刻和记忆，这都是我们可以延续的“然后”。</p>
						<h4>品牌合作请洽</h4>
						<span>
							<i></i>
							<b>400-050-1997</b>
						</span>
						<span>
							<i></i>
							<b>wangran@sitcoffee.com</b>
						</span>
						<a href="#"><b>如有包场需求，请直接致电门店</b></a>
						<p>点及以上文字获取门店详情</p>
						<h4>合作品牌展示</h4>
						<ul id="li">
							<li v-for='url in message'>
								<img :src="url.pic" alt="" />
							</li>
						</ul>
					</div>
				</div>
			</div>
        </div>
        <!--页脚-->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<ul>
							<li>
								<p>咖啡</p>
							</li>
							<li>
								<a href="#">当季新品</a>
							</li>
							<li>
								<a href="#">咖啡产品</a>
							</li>
							<li>
								<a href="#">周边展示</a>
							</li>
						</ul>
						<ul>
							<li>
								<p>咖啡馆</p>
							</li>
							<li>
								<a href="#">全国咖啡馆</a>
							</li>
							<li>
								<a href="#">活动展示</a>
							</li>
							<li>
								<a href="#">电子会员</a>
							</li>
						</ul>
						<ul>
							<li>
								<p>咖啡学院</p>
							</li>
							<li>
								<a href="#">各地学院</a>
							</li>
							<li>
								<a href="#">学院课程</a>
							</li>
							<li>
								<a href="#">课程报名</a>
							</li>
						</ul>
						<ul>
							<li>
								<p>关于我们</p>
							</li>
							<li>
								<a href="#">品牌介绍</a>
							</li>
							<li>
								<a href="#">品牌历程</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
							<li>
								<a href="#">寻求加盟</a>
							</li>
						</ul>
						<ul>
							<li>
								<p>联系我们</p>
							</li>
							<li>
								<a href="#">品牌合作</a>
							</li>
							<li>
								<a href="#">展品合作</a>
							</li>
							<li>
								<a href="#">加盟我们</a>
							</li>
							<li>
								<a href="#">招聘</a>
							</li>
						</ul>
						<ul>
							<li>
								<p>地址</p>
							</li>
							<li>
								<a href="#">北京市海淀区西大街39号2层<br />（海淀创业大街内）</a>
							</li>
							<li>
								<p>电话</p>
							</li>
							<li>
								<span>400-050-1997</span>
							</li>
						</ul>
					</div>
					<div class="col-md-4">
						<div class="row">
							<div class="col-6">
								<img src="img/weib.png"/>
								<p>雕刻时光官方微博</p>
							</div>
							<div class="col-6">
								<img src="img/weix.png"/>
								<p>雕刻时光官方订阅号</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<div class="footer_bottom text-center">
			<div class="container">
				<p>
					Copyright © 2017北京艺丰雕刻时光咖啡文化有限责任公司. All Rights Reserved 京ICP备14037141号-1  技术支持 · 
					<a href="#">千寻卓越</a>
				</p>
			</div>
		</div>


			<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
			<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
			<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
			<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
			<script src="js/vue.js"></script>
			<script src="js/axios.min.js"></script>
			<script src="js/jieshao.js"></script>
	</body>

</html>